<template>
  <div class="draggle page-container mini-padding">
    <h1>自定义拖拽指令</h1>
    <div class="box flex-row-center primary-bg" v-drag>鼠标按住拖拽</div>
    <h2>使用说明</h2>
    <h2>指令文件  src/directive/draggable.ts</h2>
    <h2>使用示例</h2>
    <pre style="font-size: 16px;">
  已经全局注册无需引入，直接将所需要拖拽的标签上加上 v-drag 即可  
  &lt;div class="box flex-row-center primary-bg" v-drag&gt;鼠标按住拖拽&lt;/div&gt;
    </pre>

  </div>
</template>

<script lang='ts' setup>
</script>

<style scoped lang='scss'>
  .draggle{
    .box{
      width: 100px;
      height: 100px;
    }
  }
</style>